<?php require 'cabesario.php'; ?>
<div id="corpo" >
    <?php
    if ($_GET != null) {
        $edit = false;
        $quantidade = 1;
        if (isset($_GET['edit'])) {
            $edit = true;
            $quantidade = $_GET['quantidade'];
        }
        $codigo = $_GET['codigo_produto'];
        $doc = new DOMDocument();
        $doc->load("xml/produtos.xml");
        $produtos = $doc->getElementsByTagName("produto");
        foreach ($produtos as $produto) {
            $id = $produto->getElementsByTagName("id")->item(0)->nodeValue;
            if ($id == $codigo) {
                $img = $produto->getElementsByTagName("img")->item(0)->nodeValue;
                if (strlen($img) <= 5)
                    $img = "not_img.png";
                $qtd = $produto->getElementsByTagName("quantidade")->item(0)->nodeValue;
                $uni = $produto->getElementsByTagName("unidade")->item(0)->nodeValue;
                $nome = $produto->getElementsByTagName("nome")->item(0)->nodeValue . " - " . $qtd . $uni;
                $preco = $produto->getElementsByTagName("valor")->item(0)->nodeValue;
                $descricao = $produto->getElementsByTagName("descricao")->item(0)->nodeValue;
                ?>
                <div id="produto">
                    <div id="produto"><img width="200" height="200" src="img/<?php echo $img; ?>"/></div>
                    <div id="produto" class="titulo"><?php echo $nome; ?></div>
                    <div id="produto" class="descricao"><?php echo $descricao; ?></div>
                    <div id="produto">
                        <form method="post" action="carinho.php" >
                            Preço:<label class="money"> <?php echo "R$ " . $preco; ?></label>
                            <input type="hidden" name="<?php echo $edit ? "edit" : "adicionar"; ?>" value="<?php echo $edit ? "edit" : "adicionar"; ?>"> 
                            <input type="hidden" name="produto_id" value="<?php echo $id; ?>"> 
                            <label >Qtde:</label>
                            <input id="quantidade" type="number" name="quantidade"  min="1" value="<?php echo $quantidade; ?>" placeholder="Quantidade" onchange="teste()"/>
                            <label id="valor_total" class="money"></label>
                            <input type="submit" class="link" value="<?php echo $edit ? "Salvar" : "Comprar"; ?>"/>
                            <?php if ($edit) { ?>
                            <a class="link" href="carinho.php">Voltar</a>
                            <?php } ?>
                        </form>
                    </div>
                </div>

                <?php
                break;
            }
        }
    }
    ?>
</div>
<?php require 'rodape.php'; ?>
<script lang="javaScript">
                    function teste() {
                        var q = document.getElementById("quantidade");
                        document.getElementById('valor_total').innerHTML = "R$ " + q.value *<?php echo $preco; ?>;
                    }
</script>